$.ajax({
    url: "http://chst.vip:1234/api/getcategorytitle",
    type: "get",
    data: {}, 
    success(res) {
        let { result } = res;
        // console.log(result)
        let html=""
        result.forEach((item, index, array) => {
        //    let data=getdata(item.titleId)
           html+=`
             <ul class="ul1">
                <li class="li1">
                    <b>${item.title}</b>
                    <span>▼</span>
                </li>
               <ul class="ul2" titleId="${item.titleId}">
                </ul>
             </ul>
           `
        })
        $(".secction").html(html)
    },
    error(err) {
        console.log(err);
    }
}).then(res=>{
    $(".ul1").map(function(){
        let thistype=$(this)
        let discount=""
        $.ajax({
            url:"http://chst.vip:1234/api/getcategory",
            data:{
               titleid:$(this).find(".ul2").attr("titleId"),
            },
            success(res){
                let{result}=res
                // console.log(result)
                result.forEach((item,index,array)=>{
                    discount+=`
                   <a href="bijia.html?title=${item.category}&categoryid=${item.categoryId}"><li>${item.category}</li></a>
                    `
                })
                $(thistype).find(".ul2").html(discount)
            },
            error(err){
                console.log(err);
            }
        })
    })
    $(".li1").siblings().slideUp(0)
    $(".li1").click(function () {
        $(this).siblings().slideToggle(300).end().parent().siblings().find(".li1").siblings().slideUp(300);
    })
})